/* This is just an example.  You shouldn't do this. */
#ecarena-menutool
{
  color: red ! important;
}
/*-------------------------------------
 toolbar buttons 
--------------------------------------*/

#ecarena-toolbar-button
{
  list-style-image: url("chrome://ecarena/skin/toolbar-button.png");
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-record
{
  /*list-style-image: url("chrome://ecarena/skin/record.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-replay
{
  /*list-style-image: url("chrome://ecarena/skin/play.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-stop
{
  /*list-style-image: url("chrome://ecarena/skin/stop.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-prev
{
  /*list-style-image: url("chrome://ecarena/skin/prev.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-next
{
  /*list-style-image: url("chrome://ecarena/skin/next.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-save
{
  /*list-style-image: url("chrome://ecarena/skin/save.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-import
{
  /*list-style-image: url("chrome://ecarena/skin/open.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-clear-cache
{
  /*list-style-image: url("chrome://ecarena/skin/clear.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

#ecarena-toolbar-button-options
{
  /*list-style-image: url("chrome://ecarena/skin/options.png");*/
  -moz-image-region: rect(0px 24px 24px 0px);
}

/*-------------------------------------
 common style for all custom buttons 
--------------------------------------*/
.ecarena-button
{
	font-weight:bolder;
	margin-left:5px;
	margin-right:5px;
}

.ecarena-button:hover
{
  -moz-image-region: rect(24px 24px 48px  0px);
}
[iconsize="small"] .ecarena-button
{
  -moz-image-region: rect( 0px 40px 16px 24px);
}
[iconsize="small"] .ecarena-button:hover
{
  -moz-image-region: rect(24px 40px 40px 24px);
}


/*-------------------------------------
 other styles
--------------------------------------*/
#ecarena-tabbox
{
	min-width: 400px;
}

#livehttpheaders-conf-tab-panel, #replay-all-groupbox
{
	padding-top: 10px;
	padding-bottom: 10px;
}
